<template>
  
  <div id="reward-home">

      <div style="background-color:#f0f0f0;">

      <a-menu v-if=" role!='print' " mode="horizontal">
        <a-sub-menu>
            <span slot="title" class="submenu-title-wrapper" >
              <a-avatar :src="userinfo.avatar" style="margin-left:0.25rem; margin-right:0.55rem;" />
              {{ usertitle }} 
            </span>
            <a-menu-item-group title="应用中心">
            <a-menu-item key="setting:1" :to="`/stock/message`"  @click="redirectView('/stock/message')" >
                审批
            </a-menu-item>
            <a-menu-item key="setting:2" :to="`/stock/workspace`" @click="redirectView('/stock/workspace')" >
                工作台
            </a-menu-item>
            <a-menu-item key="setting:3" :to="`/stock/ranking`" @click="redirectView('/stock/ranking')" >
                排行榜
            </a-menu-item>
            <a-menu-item key="setting:4" :to="`/stock/setting`"  >
                系统设置
            </a-menu-item>
            </a-menu-item-group>
        </a-sub-menu>
      </a-menu>

      <a-row :gutter="24">
        <keep-alive>
          <a-col :xl="24" :lg="24" :md="24" :sm="24" :xs="24">

            <div v-if=" role!='print' " id="" class="" style="padding-left:2.75rem;padding-top:0.25rem;padding-bottom:0.25rem;background-color:#fefefe;" >
              <a-breadcrumb>
                <template v-for="(elem,index) in breadcrumb">
                  <a-breadcrumb-item :key="elem.icon" :index="index" >
                    <a-icon :type="elem.icon" />
                    <span @click="redirectView(elem.path)">{{ elem.text }}</span>
                  </a-breadcrumb-item>
                </template>
              </a-breadcrumb>
            </div>

            <!-- 设立公司申请 -->
            <div style="background-color:#f0f0f0;">

              <div id="legal-apply-content" class="reward-apply-content" style="height:auto; background-color:#fefefe; margin-top:0px; margin-left: 2.5rem; margin-right: 2.5rem; margin-bottom: 5rem; border: 1px solid #f0f0f0; front-size: 1rem;" >

                <div v-if=" role == 'view' || role == 'delete' " style="position:absolute; width:100%; height:20px;" >
                  <a-tag color="#87d068" style="position: relative; float:right; right:7.5rem; margin-top:0.75rem;margin-left:-0.75rem;transform:scale(0.775);" @click="execPatch(company)"> 修改 </a-tag>
                  <a-tag color="#c05890" style="position: relative; float:right; right:7.5rem; margin-top:0.75rem;margin-left:-0.75rem;transform:scale(0.775);" @click="execPrint(company)"> 打印 </a-tag>
                  <a-tag color="#2db7f5" style="position: relative; float:right; right:7.5rem; margin-top:0.75rem;margin-left:-0.75rem;transform:scale(0.775);" @click="open(`https://www.qcc.com/web/search?key=${company.companyName}`,'_blank')"> 企查查 </a-tag>
                  <a-tag color="#b0c02d" style="position: relative; float:right; right:7.5rem; margin-top:0.75rem;margin-left:-0.75rem;transform:scale(0.775);" @click="open(`https://www.qixin.com/search?key=${company.companyName}`,'_blank')"> 启信宝 </a-tag>
                  <a-tag color="#f0b02d" style="position: relative; float:right; right:7.5rem; margin-top:0.75rem;margin-left:-0.75rem;transform:scale(0.775);" @click="open(`https://www.tianyancha.com/search?key=${company.companyName}`,'_blank')"> 天眼查 </a-tag>
                  <!--
                  <a-tag color="#108ee9" style="position: relative; float:right; right:7.5rem; margin-top:0.75rem;margin-left:-0.75rem;transform:scale(0.775);" @click="open(`https://www.tianyancha.com/search?key=${company.companyName}`,'_blank')"> 录入资质 </a-tag>
                  <a-tag color="#d08710" style="position: relative; float:right; right:7.5rem; margin-top:0.75rem;margin-left:-0.75rem;transform:scale(0.775);" @click="open(`https://www.tianyancha.com/search?key=${company.companyName}`,'_blank')"> 录入质押 </a-tag>
                  <a-tag color="#f0500a" style="position: relative; float:right; right:7.5rem; margin-top:0.75rem;margin-left:-0.75rem;transform:scale(0.775);" @click="open(`https://www.tianyancha.com/search?key=${company.companyName}`,'_blank')"> 录入年报 </a-tag>
                  -->
                </div>

                <div class="reward-apply-header" style="height:80px; width:100%; text-align:center; margin-top:20px; font-size: 1.5rem; ">
                  {{ title }}
                </div>

                <div class="reward-apply-content-item reward-apply-content-title" style="padding-top:5px;">
                   <a-row style="border-top: 1px dash #f0f0f0;" >
                    <a-col class="reward-apply-content-title-text" :span="4" style="font-size:1.1rem;">
                      基础信息
                    </a-col>
                   </a-row>
                </div>

                <div v-if="isNull(id)" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>填报日期</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.create_time" readonly placeholder="请填写填报日期！" @blur="validFieldToast('create_time')" style="border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;"  />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>填报人员</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.create_by" readonly placeholder="请输入填报人员！" @blur="validFieldToast('create_by')" style="border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;"  />
                    </a-col>
                  </a-row>
                </div>

                <div class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>公司名称</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.companyName" :readonly="false" placeholder="请输入公司名称！" @blur="validFieldToast('companyName')" style="border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;"  />
                    </a-col>
                  </a-row>
                </div>

                <div class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>公司性质</span>
                    </a-col>
                    <a-col :span="8">
                      <a-select mode="single" v-model="company.industryNature" placeholder="请选择公司性质！" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;">
                        <template v-for="(elem,index) in industryNatureList ">
                          <a-select-option :key="elem" :index="index" :value="elem">
                            {{elem}}
                          </a-select-option>
                        </template>
                      </a-select>
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>所属行业</span>
                    </a-col>
                    <a-col :span="8">
                      <a-select mode="single" v-model="company.industry"  @blur="validFieldToast('industry')"  placeholder="请选择所属行业！" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;">
                        <template v-for="(elem,index) in industryList ">
                          <a-select-option :key="elem" :index="index" :value="elem">
                            {{elem}}
                          </a-select-option>
                        </template>
                      </a-select>
                    </a-col>
                  </a-row>
                </div>

                <div class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>所属区域</span>
                    </a-col>
                    <a-col :span="8">
                      <a-cascader v-model="company.companyCode" :options="options.zoneOptions" placeholder="请选择所属区域" @blur="validFieldToast('companyCode')"  style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;"  />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>所属项目</span>
                    </a-col>
                    <a-col :span="8">
                      <a-select mode="single" v-model="company.project"  @blur="validFieldToast('project')"  placeholder="请选择所属项目/项目公司(管辖区域)！" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;">
                        <template v-for="(elem,index) in projectTypeList ">
                          <a-select-option :key="elem" :index="index" :value="elem">
                            {{elem}}
                          </a-select-option>
                        </template>
                      </a-select> 
                    </a-col>
                  </a-row>
                </div>

                <div class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>营业执照编号</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.licenseNumber" placeholder="请输入营业执照编号/统一信用代码！" @blur="validFieldToast('licenseNumber')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>登记状态</span>
                    </a-col>
                    <a-col :span="8">
                      <a-select mode="single" v-model="company.registrationStatus"  @blur="validFieldToast('registrationStatus')"  placeholder="请选择登记状态！" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;">
                        <template v-for="(elem,index) in statusList ">
                          <a-select-option :key="elem" :index="index" :value="elem">
                            {{elem}}
                          </a-select-option>
                        </template>
                      </a-select> 
                    </a-col>
                  </a-row>
                </div>

                <div class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>出资方式</span>
                    </a-col>
                    <a-col :span="8">
                      <a-select mode="single" v-model="company.investType"  @blur="validFieldToast('investType')"  placeholder="请选择出资方式！" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;">
                        <template v-for="(elem,index) in investTypeList ">
                          <a-select-option :key="elem" :index="index" :value="elem">
                            {{elem}}
                          </a-select-option>
                        </template>
                      </a-select> 
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>注册地址</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.registeredAddress" placeholder="请按照营业执照规范填写注册地址！" @blur="validFieldToast('registeredAddress')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>注册资本(万)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.registeredCapital" type="number" placeholder="请输入注册资本(单位万人民币)" @blur="validFieldToast('registeredCapital')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;"></span>实缴资本(万)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.paidCapital" type="number" placeholder="请输入实缴资本(单位万人民币)" @blur="validFieldToast('paidCapital')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;"></span>认缴时间</span>
                    </a-col>
                    <a-col :span="8">
                      <a-date-picker v-model="company.paidTime" :default-value="options.datetime" placeholder="请输入认缴时间！" @blur="validFieldToast('paidTime')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;"></span>实缴时间</span>
                    </a-col>
                    <a-col :span="8">
                      <a-date-picker v-model="company.paidTureTime" :default-value="options.datetime" placeholder="请输入实缴时间！" @blur="validFieldToast('paidTureTime')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>成立日期</span>
                    </a-col>
                    <a-col :span="8">
                      <a-date-picker v-model="company.establish_time" :default-value="options.datetime" placeholder="请输入公司成立日期！" @blur="validFieldToast('establish_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>营业期限</span>
                    </a-col>
                    <a-col :span="8">
                      <a-date-picker v-model="company.businessTerm_start" :default-value="options.datetime" placeholder="请输入开始营业期限！" @blur="validFieldToast('businessTerm_start')" style="width:150px; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                      至
                      <a-select v-if="company.businessTerm_value != '正常' || isNull(company.businessTerm_end) " mode="single" v-model="company.businessTerm_value"  @blur="validFieldToast('businessTerm_value')"  placeholder="请选择营业期限类型(如：长期、正常等)！" style="width:80px; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;">
                        <template v-for="(elem,index) in termTypeList ">
                          <a-select-option :key="elem" :index="index" :value="elem">
                            {{elem}}
                          </a-select-option>
                        </template>
                      </a-select> 
                      <a-date-picker v-if="company.businessTerm_value == '正常' " v-model="company.businessTerm_end" :default-value="options.datetime" placeholder="请输入结束营业期限！" @blur="validFieldToast('businessTerm_end')" style="width:150px; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>公司类型</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.companyType" placeholder="请输入公司类型！" @blur="validFieldToast('companyType')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;"></span>设立原因</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.reason" placeholder="请输入公司设立原因！" @blur="validFieldToast('reason')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>公司属性</span>
                    </a-col>
                    <a-col :span="8">
                      <a-select mode="single" v-model="company.nature"  placeholder="请选择公司属性！" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;">
                        <template v-for="(elem,index) in natureList ">
                          <a-select-option :key="elem" :index="index" :value="elem">
                            {{elem}}
                          </a-select-option>
                        </template>
                      </a-select> 
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;"></span>使用情况</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.usages" placeholder="请输入公司使用情况！" @blur="validFieldToast('usages')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="height:auto; font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>经营范围</span>
                    </a-col>
                    <a-col :span="20">
                      <a-textarea
                        v-model="company.businessScope"
                        placeholder="请输入公司经营范围！"
                        :auto-size="{ minRows: 4, maxRows: 100 }"
                        style="height:60px; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;"
                      />
                    </a-col>
                  </a-row>
                </div>

                <div class="reward-apply-content-item reward-apply-content-title" style="padding-top:5px;">
                   <a-row style="border-top: 1px dash #f0f0f0;" >
                    <a-col class="reward-apply-content-title-text" :span="4" style="font-size:1.1rem;">
                      人员信息
                    </a-col>
                   </a-row>
                </div>

                <div class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>法定代表人</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.legalRepresentative" placeholder="请输入法定代表人" @blur="validFieldToast('legalRepresentative')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;"></span>印章保管人</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.sealKeeper" placeholder="请输入印章保管人" @blur="validFieldToast('sealKeeper')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;"></span>备案联络员</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.liaison" placeholder="请输入备案联络员" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;"></span>财务负责人</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.responsiblePerson" placeholder="请输入财务负责人" @blur="validFieldToast('responsiblePerson')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div class="reward-apply-content-item reward-apply-content-title" style="padding-top:5px;">
                   <a-row style="border-top: 1px dash #f0f0f0;" >
                    <a-col class="reward-apply-content-title-text" :span="4" style="font-size:1.1rem;">
                      董监高信息
                    </a-col>
                   </a-row>
                </div>

                <div class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>董事长</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.directorChairman" placeholder="请输入董事长" @blur="validFieldToast('directorChairman')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;"></span>董事</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.director" placeholder="请输入董事" @blur="validFieldToast('director')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>执行董事</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.directorExecutive" placeholder="请输入执行董事" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>总经理/经理</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.manager" placeholder="请输入总经理/经理" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;"></span>监事会主席</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.supervisorChairman" placeholder="请输入监事会主席" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>监事</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.supervisor" placeholder="请输入监事" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div class="reward-apply-content-item reward-apply-content-title" style="padding-top:5px;">
                   <a-row style="border-top: 1px dash #f0f0f0;" >
                    <a-col class="reward-apply-content-title-text" :span="4" style="font-size:1.1rem;">
                      股东信息
                    </a-col>
                    <a-col v-if=" role!='view' && role!='print' " :span="8" style="font-size:1.1rem;">
                      <a-tag color="#2db7f5" style="margin-top:2.55rem;margin-left:-9.55rem;transform:scale(0.775);" @click="stocksize < 49 ? stocksize++ : null ;"> 新增股东 </a-tag>
                      <a-tag color="#f0b02d" style="margin-top:2.55rem;margin-left:-0.75rem;transform:scale(0.775);" @click="stocksize > 0 ? stocksize-- : null ;"> 删除股东 </a-tag>
                    </a-col>
                   </a-row>
                </div>

                <div v-if="stocksize >= 0 || company.ratioDetail0 > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:black;transform:scale(0.75); margin-right:0px;position:absolute;left:-20px;top:-1.5px;">#1</span>股东名称</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.shareholder0" placeholder="请输入股东名称(个人/公司)" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;"></span>占股明细(单位%)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.ratioDetail0" type="number" placeholder="请输入占股明细(单位%)" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div v-if="stocksize >= 1 || company.ratioDetail1 > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:black;transform:scale(0.75); margin-right:0px;position:absolute;left:-20px;top:-1.5px;">#2</span>股东名称</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.shareholder1" placeholder="请输入股东名称(个人/公司)" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;"></span>占股明细(单位%)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.ratioDetail1" type="number" placeholder="请输入占股明细(单位%)" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div v-if="stocksize >= 2 || company.ratioDetail2 > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:black;transform:scale(0.75); margin-right:0px;position:absolute;left:-20px;top:-1.5px;">#3</span>股东名称</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.shareholder2" placeholder="请输入股东名称(个人/公司)" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;"></span>占股明细(单位%)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.ratioDetail2" type="number" placeholder="请输入占股明细(单位%)" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div v-if="stocksize >= 3 || company.ratioDetail3 > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:black;transform:scale(0.75); margin-right:0px;position:absolute;left:-20px;top:-1.5px;">#4</span>股东名称</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.shareholder3" placeholder="请输入股东名称(个人/公司)" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;"></span>占股明细(单位%)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.ratioDetail3" type="number" placeholder="请输入占股明细(单位%)" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div v-if="stocksize >= 4 || company.ratioDetail4 > 0 " class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:black;transform:scale(0.75); margin-right:0px;position:absolute;left:-20px;top:-1.5px;">#5</span>股东名称</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.shareholder4" placeholder="请输入股东名称(个人/公司)" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>占股明细(单位%)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.ratioDetail4" type="number" placeholder="请输入占股明细(单位%)" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div v-if="stocksize >= 5 || company.ratioDetail5 > 0 " class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:black;transform:scale(0.75); margin-right:0px;position:absolute;left:-20px;top:-1.5px;">#6</span>股东名称</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.shareholder5" placeholder="请输入股东名称(个人/公司)" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>占股明细(单位%)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.ratioDetail5" type="number" placeholder="请输入占股明细(单位%)" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div v-if="stocksize >= 6 || company.ratioDetail6 > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:black;transform:scale(0.75); margin-right:0px;position:absolute;left:-20px;top:-1.5px;">#7</span>股东名称</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.shareholder6" placeholder="请输入股东名称(个人/公司)" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>占股明细(单位%)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.ratioDetail6" type="number" placeholder="请输入占股明细(单位%)" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div v-if="stocksize >= 7 || company.ratioDetail7 > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:black;transform:scale(0.75); margin-right:0px;position:absolute;left:-20px;top:-1.5px;">#8</span>股东名称</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.shareholder7" placeholder="请输入股东名称(个人/公司)" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>占股明细(单位%)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.ratioDetail7" type="number" placeholder="请输入占股明细(单位%)" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div v-if="stocksize >= 8 || company.ratioDetail8 > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:black;transform:scale(0.75); margin-right:0px;position:absolute;left:-20px;top:-1.5px;">#9</span>股东名称</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.shareholder8" placeholder="请输入股东名称(个人/公司)" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>占股明细(单位%)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.ratioDetail8" type="number" placeholder="请输入占股明细(单位%)" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div v-if="stocksize >= 9 || company.ratioDetail9 > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:black;transform:scale(0.75); margin-right:0px;position:absolute;left:-25px;top:-1.5px;">#10</span>股东名称</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.shareholder9" placeholder="请输入股东名称(个人/公司)" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>占股明细(单位%)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.ratioDetail9" type="number" placeholder="请输入占股明细(单位%)" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div v-if="stocksize >= 10 || company.ratioDetail10 > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:black;transform:scale(0.75); margin-right:0px;position:absolute;left:-25px;top:-1.5px;">#11</span>股东名称</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.shareholder10" placeholder="请输入股东名称(个人/公司)" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>占股明细(单位%)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.ratioDetail10" type="number" placeholder="请输入占股明细(单位%)" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div v-if="stocksize >= 11 || company.ratioDetail11 > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:black;transform:scale(0.75); margin-right:0px;position:absolute;left:-25px;top:-1.5px;">#12</span>股东名称</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.shareholder11" placeholder="请输入股东名称(个人/公司)" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>占股明细(单位%)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.ratioDetail11" type="number" placeholder="请输入占股明细(单位%)" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div v-if="stocksize >= 12 || company.ratioDetail12 > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:black;transform:scale(0.75); margin-right:0px;position:absolute;left:-25px;top:-1.5px;">#13</span>股东名称</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.shareholder12" placeholder="请输入股东名称(个人/公司)" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>占股明细(单位%)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.ratioDetail12" type="number" placeholder="请输入占股明细(单位%)" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div v-if="stocksize >= 13 || company.ratioDetail13 > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:black;transform:scale(0.75); margin-right:0px;position:absolute;left:-25px;top:-1.5px;">#14</span>股东名称</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.shareholder13" placeholder="请输入股东名称(个人/公司)" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>占股明细(单位%)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.ratioDetail13" type="number" placeholder="请输入占股明细(单位%)" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div v-if="stocksize >= 14 || company.ratioDetail14 > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:black;transform:scale(0.75); margin-right:0px;position:absolute;left:-25px;top:-1.5px;">#15</span>股东名称</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.shareholder14" placeholder="请输入股东名称(个人/公司)" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>占股明细(单位%)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.ratioDetail14" type="number" placeholder="请输入占股明细(单位%)" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div v-if="stocksize >= 15 || company.ratioDetail15 > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:black;transform:scale(0.75); margin-right:0px;position:absolute;left:-25px;top:-1.5px;">#16</span>股东名称</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.shareholder15" placeholder="请输入股东名称(个人/公司)" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>占股明细(单位%)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.ratioDetail15" type="number" placeholder="请输入占股明细(单位%)" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div v-if="stocksize >= 16 || company.ratioDetail16 > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:black;transform:scale(0.75); margin-right:0px;position:absolute;left:-25px;top:-1.5px;">#17</span>股东名称</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.shareholder16" placeholder="请输入股东名称(个人/公司)" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>占股明细(单位%)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.ratioDetail16" type="number" placeholder="请输入占股明细(单位%)" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div v-if="stocksize >= 17 || company.ratioDetail17 > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:black;transform:scale(0.75); margin-right:0px;position:absolute;left:-25px;top:-1.5px;">#18</span>股东名称</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.shareholder17" placeholder="请输入股东名称(个人/公司)" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>占股明细(单位%)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.ratioDetail17" type="number" placeholder="请输入占股明细(单位%)" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div v-if="stocksize >= 18 || company.ratioDetail18 > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:black;transform:scale(0.75); margin-right:0px;position:absolute;left:-25px;top:-1.5px;">#19</span>股东名称</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.shareholder18" placeholder="请输入股东名称(个人/公司)" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>占股明细(单位%)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.ratioDetail18" type="number" placeholder="请输入占股明细(单位%)" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div v-if="stocksize >= 19 || company.ratioDetail19 > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:black;transform:scale(0.75); margin-right:0px;position:absolute;left:-25px;top:-1.5px;">#20</span>股东名称</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.shareholder19" placeholder="请输入股东名称(个人/公司)" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>占股明细(单位%)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.ratioDetail19" type="number" placeholder="请输入占股明细(单位%)" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div v-if="stocksize >= 20 || company.ratioDetail20 > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:black;transform:scale(0.75); margin-right:0px;position:absolute;left:-25px;top:-1.5px;">#21</span>股东名称</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.shareholder20" placeholder="请输入股东名称(个人/公司)" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>占股明细(单位%)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.ratioDetail20" type="number" placeholder="请输入占股明细(单位%)" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div v-if="stocksize >= 21 || company.ratioDetail21 > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:black;transform:scale(0.75); margin-right:0px;position:absolute;left:-25px;top:-1.5px;">#22</span>股东名称</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.shareholder21" placeholder="请输入股东名称(个人/公司)" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>占股明细(单位%)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.ratioDetail21" type="number" placeholder="请输入占股明细(单位%)" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div v-if="stocksize >= 22 || company.ratioDetail22 > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:black;transform:scale(0.75); margin-right:0px;position:absolute;left:-25px;top:-1.5px;">#23</span>股东名称</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.shareholder22" placeholder="请输入股东名称(个人/公司)" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>占股明细(单位%)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.ratioDetail22" type="number" placeholder="请输入占股明细(单位%)" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div v-if="stocksize >= 23 || company.ratioDetail23 > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:black;transform:scale(0.75); margin-right:0px;position:absolute;left:-25px;top:-1.5px;">#24</span>股东名称</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.shareholder23" placeholder="请输入股东名称(个人/公司)" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>占股明细(单位%)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.ratioDetail23" type="number" placeholder="请输入占股明细(单位%)" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div v-if="stocksize >= 24 || company.ratioDetail24 > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:black;transform:scale(0.75); margin-right:0px;position:absolute;left:-25px;top:-1.5px;">#25</span>股东名称</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.shareholder24" placeholder="请输入股东名称(个人/公司)" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>占股明细(单位%)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.ratioDetail24" type="number" placeholder="请输入占股明细(单位%)" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div v-if="stocksize >= 25 || company.ratioDetail25 > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:black;transform:scale(0.75); margin-right:0px;position:absolute;left:-25px;top:-1.5px;">#26</span>股东名称</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.shareholder25" placeholder="请输入股东名称(个人/公司)" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>占股明细(单位%)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.ratioDetail25" type="number" placeholder="请输入占股明细(单位%)" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div v-if="stocksize >= 26 || company.ratioDetail26 > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:black;transform:scale(0.75); margin-right:0px;position:absolute;left:-25px;top:-1.5px;">#27</span>股东名称</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.shareholder26" placeholder="请输入股东名称(个人/公司)" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>占股明细(单位%)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.ratioDetail26" type="number" placeholder="请输入占股明细(单位%)" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div v-if="stocksize >= 27 || company.ratioDetail27 > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:black;transform:scale(0.75); margin-right:0px;position:absolute;left:-25px;top:-1.5px;">#28</span>股东名称</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.shareholder27" placeholder="请输入股东名称(个人/公司)" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>占股明细(单位%)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.ratioDetail27" type="number" placeholder="请输入占股明细(单位%)" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div v-if="stocksize >= 28 || company.ratioDetail28 > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:black;transform:scale(0.75); margin-right:0px;position:absolute;left:-25px;top:-1.5px;">#29</span>股东名称</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.shareholder28" placeholder="请输入股东名称(个人/公司)" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>占股明细(单位%)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.ratioDetail28" type="number" placeholder="请输入占股明细(单位%)" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div v-if="stocksize >= 29 || company.ratioDetail29 > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:black;transform:scale(0.75); margin-right:0px;position:absolute;left:-25px;top:-1.5px;">#30</span>股东名称</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.shareholder29" placeholder="请输入股东名称(个人/公司)" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>占股明细(单位%)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.ratioDetail29" type="number" placeholder="请输入占股明细(单位%)" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div v-if="stocksize >= 30 || company.ratioDetail30 > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:black;transform:scale(0.75); margin-right:0px;position:absolute;left:-25px;top:-1.5px;">#31</span>股东名称</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.shareholder30" placeholder="请输入股东名称(个人/公司)" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>占股明细(单位%)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.ratioDetail30" type="number" placeholder="请输入占股明细(单位%)" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div v-if="stocksize >= 31 || company.ratioDetail31 > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:black;transform:scale(0.75); margin-right:0px;position:absolute;left:-25px;top:-1.5px;">#32</span>股东名称</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.shareholder31" placeholder="请输入股东名称(个人/公司)" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>占股明细(单位%)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.ratioDetail31" type="number" placeholder="请输入占股明细(单位%)" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div v-if="stocksize >= 32 || company.ratioDetail32 > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:black;transform:scale(0.75); margin-right:0px;position:absolute;left:-25px;top:-1.5px;">#32</span>股东名称</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.shareholder32" placeholder="请输入股东名称(个人/公司)" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>占股明细(单位%)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.ratioDetail32" type="number" placeholder="请输入占股明细(单位%)" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div v-if="stocksize >= 33 || company.ratioDetail33 > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:black;transform:scale(0.75); margin-right:0px;position:absolute;left:-25px;top:-1.5px;">#34</span>股东名称</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.shareholder33" placeholder="请输入股东名称(个人/公司)" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>占股明细(单位%)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.ratioDetail33" type="number" placeholder="请输入占股明细(单位%)" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div v-if="stocksize >= 34 || company.ratioDetail34 > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:black;transform:scale(0.75); margin-right:0px;position:absolute;left:-25px;top:-1.5px;">#35</span>股东名称</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.shareholder34" placeholder="请输入股东名称(个人/公司)" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>占股明细(单位%)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.ratioDetail34" type="number" placeholder="请输入占股明细(单位%)" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div v-if="stocksize >= 35 || company.ratioDetail35 > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:black;transform:scale(0.75); margin-right:0px;position:absolute;left:-25px;top:-1.5px;">#36</span>股东名称</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.shareholder35" placeholder="请输入股东名称(个人/公司)" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>占股明细(单位%)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.ratioDetail35" type="number" placeholder="请输入占股明细(单位%)" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div v-if="stocksize >= 36 || company.ratioDetail36 > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:black;transform:scale(0.75); margin-right:0px;position:absolute;left:-25px;top:-1.5px;">#37</span>股东名称</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.shareholder36" placeholder="请输入股东名称(个人/公司)" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>占股明细(单位%)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.ratioDetail36" type="number" placeholder="请输入占股明细(单位%)" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div v-if="stocksize >= 37 || company.ratioDetail37 > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:black;transform:scale(0.75); margin-right:0px;position:absolute;left:-25px;top:-1.5px;">#38</span>股东名称</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.shareholder37" placeholder="请输入股东名称(个人/公司)" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>占股明细(单位%)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.ratioDetail37" type="number" placeholder="请输入占股明细(单位%)" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div v-if="stocksize >= 38 || company.ratioDetail38 > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:black;transform:scale(0.75); margin-right:0px;position:absolute;left:-25px;top:-1.5px;">#39</span>股东名称</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.shareholder38" placeholder="请输入股东名称(个人/公司)" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>占股明细(单位%)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.ratioDetail38" type="number" placeholder="请输入占股明细(单位%)" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div v-if="stocksize >= 39 || company.ratioDetail39 > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:black;transform:scale(0.75); margin-right:0px;position:absolute;left:-25px;top:-1.5px;">#40</span>股东名称</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.shareholder39" placeholder="请输入股东名称(个人/公司)" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>占股明细(单位%)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.ratioDetail39" type="number" placeholder="请输入占股明细(单位%)" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div v-if="stocksize >= 40 || company.ratioDetail40 > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:black;transform:scale(0.75); margin-right:0px;position:absolute;left:-25px;top:-1.5px;">#41</span>股东名称</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.shareholder40" placeholder="请输入股东名称(个人/公司)" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>占股明细(单位%)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.ratioDetail40" type="number" placeholder="请输入占股明细(单位%)" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div v-if="stocksize >= 41 || company.ratioDetail41 > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:black;transform:scale(0.75); margin-right:0px;position:absolute;left:-25px;top:-1.5px;">#42</span>股东名称</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.shareholder41" placeholder="请输入股东名称(个人/公司)" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>占股明细(单位%)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.ratioDetail41" type="number" placeholder="请输入占股明细(单位%)" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div v-if="stocksize >= 42 || company.ratioDetail42 > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:black;transform:scale(0.75); margin-right:0px;position:absolute;left:-25px;top:-1.5px;">#43</span>股东名称</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.shareholder42" placeholder="请输入股东名称(个人/公司)" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>占股明细(单位%)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.ratioDetail42" type="number" placeholder="请输入占股明细(单位%)" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div v-if="stocksize >= 43 || company.ratioDetail43 > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:black;transform:scale(0.75); margin-right:0px;position:absolute;left:-25px;top:-1.5px;">#44</span>股东名称</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.shareholder43" placeholder="请输入股东名称(个人/公司)" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>占股明细(单位%)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.ratioDetail43" type="number" placeholder="请输入占股明细(单位%)" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div v-if="stocksize >= 44 || company.ratioDetail44 > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:black;transform:scale(0.75); margin-right:0px;position:absolute;left:-25px;top:-1.5px;">#45</span>股东名称</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.shareholder44" placeholder="请输入股东名称(个人/公司)" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>占股明细(单位%)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.ratioDetail44" type="number" placeholder="请输入占股明细(单位%)" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div v-if="stocksize >= 45 || company.ratioDetail45 > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:black;transform:scale(0.75); margin-right:0px;position:absolute;left:-25px;top:-1.5px;">#46</span>股东名称</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.shareholder45" placeholder="请输入股东名称(个人/公司)" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>占股明细(单位%)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.ratioDetail45" type="number" placeholder="请输入占股明细(单位%)" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div v-if="stocksize >= 46 || company.ratioDetail46 > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:black;transform:scale(0.75); margin-right:0px;position:absolute;left:-25px;top:-1.5px;">#47</span>股东名称</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.shareholder46" placeholder="请输入股东名称(个人/公司)" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>占股明细(单位%)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.ratioDetail46" type="number" placeholder="请输入占股明细(单位%)" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div v-if="stocksize >= 47 || company.ratioDetail47 > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:black;transform:scale(0.75); margin-right:0px;position:absolute;left:-25px;top:-1.5px;">#48</span>股东名称</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.shareholder47" placeholder="请输入股东名称(个人/公司)" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>占股明细(单位%)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.ratioDetail47" type="number" placeholder="请输入占股明细(单位%)" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div v-if="stocksize >= 48 || company.ratioDetail48 > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:black;transform:scale(0.75); margin-right:0px;position:absolute;left:-25px;top:-1.5px;">#49</span>股东名称</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.shareholder48" placeholder="请输入股东名称(个人/公司)" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>占股明细(单位%)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.ratioDetail48" type="number" placeholder="请输入占股明细(单位%)" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div v-if="stocksize >= 49 || company.ratioDetail49 > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:black;transform:scale(0.75); margin-right:0px;position:absolute;left:-25px;top:-1.5px;">#50</span>股东名称</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.shareholder49" placeholder="请输入股东名称(个人/公司)" @blur="validFieldToast('start_time')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;">*</span>占股明细(单位%)</span>
                    </a-col>
                    <a-col :span="8">
                      <a-input v-model="company.ratioDetail49" type="number" placeholder="请输入占股明细(单位%)" @blur="validFieldToast('mobile')" style="width:100%; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;" />
                    </a-col>
                  </a-row>
                </div>

                <div class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="24">
                      <a-divider />
                    </a-col>
                  </a-row>
                </div>

                <div class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="height:auto; font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;"></span>备注信息</span>
                    </a-col>
                    <a-col :span="20">
                      <a-textarea
                        v-model="company.remark"
                        placeholder="请输入备注信息！"
                        :auto-size="{ minRows: 4, maxRows: 100 }"
                        style="height:60px; border: 0px solid #fefefe;  border-bottom: 1px solid #f0f0f0;"
                      />
                    </a-col>
                  </a-row>
                </div>

                <div class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="4" style="font-size:1.0rem; margin-top:5px; text-align: center;">
                      <span style="position:relative;" ><span style="color:red;margin-right:0px;position:absolute;left:-10px;top:0px;"></span>上传附件</span>
                    </a-col>
                    <a-col :span="8">
                      <a-upload v-show="!(role == 'view' || role == 'print')" name="file" :multiple="false" :action="uploadURL" @change="uploadComplete" style="width:85%;" >
                        <a-button> <a-icon type="upload" /> 上传 </a-button>
                      </a-upload>
                      <div v-show="(role == 'view' || role == 'print') && !isNull(id)" style="position:absolute; display:inline; float:left; margin-top:10px; " @click="downloadFiles(company)" >
                        <span>{{ company.fileName }}</span>
                      </div>
                    </a-col>
                  </a-row>
                </div>

                <div v-show="(role == 'view' || role == 'print') && !isNull(id) && pledgeData && pledgeData.length > 0" class="reward-apply-content-item reward-apply-content-title" style="padding-top:5px;">
                   <a-row style="border-top: 1px dash #f0f0f0;" >
                    <a-col class="reward-apply-content-title-text" :span="4" style="font-size:1.1rem;">
                      股权出资
                    </a-col>
                   </a-row>
                </div>

                <div v-show="(role == 'view' || role == 'print') && !isNull(id) && pledgeData && pledgeData.length > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="2" >
                    </a-col>
                    <a-col :span="21" >
                      <a-table :columns="pledgeColumns" :data-source="pledgeData" :bordered="false" :pagination="{hideOnSinglePage:true,}">
                        <a slot="create_time" slot-scope="text,record" @click="execViewProcess(record,'pledge')">{{ text }}</a>
                        <a slot="create_by" slot-scope="text,record" @click="execViewProcess(record,'pledge')">{{ text }}</a>
                        <a slot="name" slot-scope="text">{{ text }}</a>
                      </a-table>
                    </a-col>
                    <a-col :span="1" >
                    </a-col>
                  </a-row>
                </div>

                <div v-show="(role == 'view' || role == 'print') && !isNull(id) && qualificationData && qualificationData.length > 0" class="reward-apply-content-item reward-apply-content-title" style="padding-top:5px;">
                   <a-row style="border-top: 1px dash #f0f0f0;" >
                    <a-col class="reward-apply-content-title-text" :span="4" style="font-size:1.1rem;">
                      资质信息
                    </a-col>
                   </a-row>
                </div>

                <div v-show="(role == 'view' || role == 'print') && !isNull(id) && qualificationData && qualificationData.length > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="2" >
                    </a-col>
                    <a-col :span="21" >
                      <a-table :columns="qualificationColumns" :data-source="qualificationData" :bordered="false" :pagination="{hideOnSinglePage:true,}">
                        <a slot="create_time" slot-scope="text,record" @click="execViewProcess(record,'qualification')">{{ text }}</a>
                        <a slot="create_by" slot-scope="text,record" @click="execViewProcess(record,'qualification')">{{ text }}</a>
                        <a slot="name" slot-scope="text">{{ text }}</a>
                      </a-table>
                    </a-col>
                    <a-col :span="1" >
                    </a-col>
                  </a-row>
                </div>

                <div v-show="(role == 'view' || role == 'print') && !isNull(id) && alterationData && alterationData.length > 0" class="reward-apply-content-item reward-apply-content-title" style="padding-top:5px;">
                   <a-row style="border-top: 1px dash #f0f0f0;" >
                    <a-col class="reward-apply-content-title-text" :span="4" style="font-size:1.1rem;">
                      变更记录
                    </a-col>
                   </a-row>
                </div>

                <div v-show="(role == 'view' || role == 'print') && !isNull(id) && alterationData && alterationData.length > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="2" >
                    </a-col>
                    <a-col :span="21" >
                      <a-table :columns="alterationColumns" :data-source="alterationData" :bordered="false" :pagination="{hideOnSinglePage:true,}">
                        <a slot="create_time" slot-scope="text,record" @click="execViewProcess(record,'alteration')">{{ text }}</a>
                        <a slot="create_by" slot-scope="text,record" @click="execViewProcess(record,'alteration')">{{ text }}</a>
                        <a slot="name" slot-scope="text">{{ text }}</a>
                      </a-table>
                    </a-col>
                    <a-col :span="1" >
                    </a-col>
                  </a-row>
                </div>

                <div v-show="(role == 'view' || role == 'print') && !isNull(id) && branchData && branchData.length > 0" class="reward-apply-content-item reward-apply-content-title" style="padding-top:5px;">
                   <a-row style="border-top: 1px dash #f0f0f0;" >
                    <a-col class="reward-apply-content-title-text" :span="4" style="font-size:1.1rem;">
                      分支机构
                    </a-col>
                   </a-row>
                </div>

                <div v-show="(role == 'view' || role == 'print') && !isNull(id) && branchData && branchData.length > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="2" >
                    </a-col>
                    <a-col :span="21" >
                      <a-table :columns="branchColumns" :data-source="branchData" :bordered="false" :pagination="{hideOnSinglePage:true,}">
                        <a slot="create_time" slot-scope="text,record" @click="execViewProcess(record,'branch')">{{ text }}</a>
                        <a slot="create_by" slot-scope="text,record" @click="execViewProcess(record,'branch')">{{ text }}</a>
                        <a slot="name" slot-scope="text">{{ text }}</a>
                      </a-table>
                    </a-col>
                    <a-col :span="1" >
                    </a-col>
                  </a-row>
                </div>

                <div v-show="(role == 'view' || role == 'print') && !isNull(id) && annalsData && annalsData.length > 0" class="reward-apply-content-item reward-apply-content-title" style="padding-top:5px;">
                   <a-row style="border-top: 1px dash #f0f0f0;" >
                    <a-col class="reward-apply-content-title-text" :span="4" style="font-size:1.1rem;">
                      年报信息
                    </a-col>
                   </a-row>
                </div>

                <div v-show="(role == 'view' || role == 'print') && !isNull(id) && annalsData && annalsData.length > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="2" >
                    </a-col>
                    <a-col :span="21" >
                      <a-table :columns="annalsColumns" :data-source="annalsData" :bordered="false" :pagination="{hideOnSinglePage:true,}">
                        <a slot="create_time" slot-scope="text,record" @click="execViewProcess(record,'annals')">{{ text }}</a>
                        <a slot="create_by" slot-scope="text,record" @click="execViewProcess(record,'annals')">{{ text }}</a>
                        <a slot="company" slot-scope="text,record" @click="downloadAnnalsFiles(record)">{{ text }}</a>
                        <a slot="company_code" slot-scope="text,record" @click="downloadAnnalsFiles(record)">{{ text }}</a>
                        <a slot="address" slot-scope="text,record" @click="downloadAnnalsFiles(record)">{{ text }}</a>
                        <a slot="fileName" slot-scope="text,record" @click="downloadAnnalsFiles(record)">{{ text }}</a>
                      </a-table>
                    </a-col>
                    <a-col :span="1" >
                    </a-col>
                  </a-row>
                </div>

                <div v-show="(role == 'view' || role == 'print' ) && punishData.length > 0 " class="reward-apply-content-item reward-apply-content-title" style="padding-top:5px;">
                   <a-row style="border-top: 1px dash #f0f0f0;" >
                    <a-col class="reward-apply-content-title-text" :span="4" style="font-size:1.1rem;">
                      行政处罚
                    </a-col>
                   </a-row>
                </div>

                <div v-show="(role == 'view' || role == 'print') && !isNull(id) && punishData && punishData.length > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="2" >
                    </a-col>
                    <a-col :span="21" >
                      <a-table :columns="punishColumns" :data-source="punishData" :bordered="false" :pagination="{hideOnSinglePage:true,}">
                        <a slot="create_time" slot-scope="text,record" @click="execViewProcess(record,'punish')">{{ text }}</a>
                        <a slot="create_by" slot-scope="text,record" @click="execViewProcess(record,'punish')">{{ text }}</a>
                        <a slot="company" slot-scope="text,record" @click="downloadAnnalsFiles(record)">{{ text }}</a>
                      </a-table>
                    </a-col>
                    <a-col :span="1" >
                    </a-col>
                  </a-row>
                </div>

                <div v-show="(role == 'view' || role == 'print' ) && !isNull(id) && subsidyData && subsidyData.length > 0 " class="reward-apply-content-item reward-apply-content-title" style="padding-top:5px;">
                   <a-row style="border-top: 1px dash #f0f0f0;" >
                    <a-col class="reward-apply-content-title-text" :span="4" style="font-size:1.1rem;">
                      补贴记录
                    </a-col>
                   </a-row>
                </div>

                <div v-show="(role == 'view' || role == 'print') && !isNull(id) && subsidyData && subsidyData.length > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="2" >
                    </a-col>
                    <a-col :span="21" >
                      <a-table :columns="subsidyColumns" :data-source="subsidyData" :bordered="false" :pagination="{hideOnSinglePage:true,}">
                        <a slot="create_time" slot-scope="text,record" @click="execViewProcess(record,'subsidy')">{{ text }}</a>
                        <a slot="create_by" slot-scope="text,record" @click="execViewProcess(record,'subsidy')">{{ text }}</a>
                      </a-table>
                    </a-col>
                    <a-col :span="1" >
                    </a-col>
                  </a-row>
                </div>

                <div v-show="(role == 'view' || role == 'print' ) && !isNull(id) && licenseData && licenseData.length > 0 " class="reward-apply-content-item reward-apply-content-title" style="padding-top:5px;">
                   <a-row style="border-top: 1px dash #f0f0f0;" >
                    <a-col class="reward-apply-content-title-text" :span="4" style="font-size:1.1rem;">
                      营业执照
                    </a-col>
                   </a-row>
                </div>

                <div v-show="(role == 'view' || role == 'print') && !isNull(id) && licenseData && licenseData.length > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="2" >
                    </a-col>
                    <a-col :span="21" >
                      <a-table :columns="licenseColumns" :data-source="licenseData" :bordered="false" :pagination="{hideOnSinglePage:true,}">
                        <a slot="create_time" slot-scope="text,record" @click="execViewProcess(record,'license')">{{ text }}</a>
                        <a slot="create_by" slot-scope="text,record" @click="execViewProcess(record,'license')">{{ text }}</a>
                      </a-table>
                    </a-col>
                    <a-col :span="1" >
                    </a-col>
                  </a-row>
                </div>

                <div v-show="(role == 'view' || role == 'print' ) && !isNull(id) && proLicenseData && proLicenseData.length > 0 " class="reward-apply-content-item reward-apply-content-title" style="padding-top:5px;">
                   <a-row style="border-top: 1px dash #f0f0f0;" >
                    <a-col class="reward-apply-content-title-text" :span="4" style="font-size:1.1rem;">
                      项目证照
                    </a-col>
                   </a-row>
                </div>

                <div v-show="(role == 'view' || role == 'print') && !isNull(id) && proLicenseData && proLicenseData.length > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="2" >
                    </a-col>
                    <a-col :span="21" >
                      <a-table :columns="proLicenseColumns" :data-source="proLicenseData" :bordered="false" :pagination="{hideOnSinglePage:true,}">
                        <a slot="create_time" slot-scope="text,record" @click="execViewProcess(record,'proLicense')">{{ text }}</a>
                        <a slot="create_by" slot-scope="text,record" @click="execViewProcess(record,'proLicense')">{{ text }}</a>
                      </a-table>
                    </a-col>
                    <a-col :span="1" >
                    </a-col>
                  </a-row>
                </div>

                <div v-show="(role == 'view' || role == 'print' ) && !isNull(id) && otherLicenseData && otherLicenseData.length > 0 " class="reward-apply-content-item reward-apply-content-title" style="padding-top:5px;">
                   <a-row style="border-top: 1px dash #f0f0f0;" >
                    <a-col class="reward-apply-content-title-text" :span="4" style="font-size:1.1rem;">
                      其他证照
                    </a-col>
                   </a-row>
                </div>

                <div v-show="(role == 'view' || role == 'print') && !isNull(id) && otherLicenseData && otherLicenseData.length > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="2" >
                    </a-col>
                    <a-col :span="21" >
                      <a-table :columns="otherLicenseColumns" :data-source="otherLicenseData" :bordered="false" :pagination="{hideOnSinglePage:true,}">
                        <a slot="create_time" slot-scope="text,record" @click="execViewProcess(record,'otherLicense')">{{ text }}</a>
                        <a slot="create_by" slot-scope="text,record" @click="execViewProcess(record,'otherLicense')">{{ text }}</a>
                      </a-table>
                    </a-col>
                    <a-col :span="1" >
                    </a-col>
                  </a-row>
                </div>

                <div v-show="(role == 'view' || role == 'print' ) && !isNull(id) && trademarkData && trademarkData.length > 0 " class="reward-apply-content-item reward-apply-content-title" style="padding-top:5px;">
                   <a-row style="border-top: 1px dash #f0f0f0;" >
                    <a-col class="reward-apply-content-title-text" :span="4" style="font-size:1.1rem;">
                      商标信息
                    </a-col>
                   </a-row>
                </div>

                <div v-show="(role == 'view' || role == 'print') && !isNull(id) && trademarkData && trademarkData.length > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="2" >
                    </a-col>
                    <a-col :span="21" >
                      <a-table :columns="trademarkColumns" :data-source="trademarkData" :bordered="false" :pagination="{hideOnSinglePage:true,}">
                        <a slot="create_time" slot-scope="text,record" @click="execViewProcess(record,'trademark')">{{ text }}</a>
                        <a slot="create_by" slot-scope="text,record" @click="execViewProcess(record,'trademark')">{{ text }}</a>
                        <img slot="fileName" slot-scope="text,record" :src="srcUrl(record)" style="width:80px;" >
                      </a-table>
                    </a-col>
                    <a-col :span="1" >
                    </a-col>
                  </a-row>
                </div>

                <div v-show="(role == 'view' || role == 'print' ) && !isNull(id) && worksData && worksData.length > 0 " class="reward-apply-content-item reward-apply-content-title" style="padding-top:5px;">
                   <a-row style="border-top: 1px dash #f0f0f0;" >
                    <a-col class="reward-apply-content-title-text" :span="4" style="font-size:1.1rem;">
                      作品著作权
                    </a-col>
                   </a-row>
                </div>

                <div v-show="(role == 'view' || role == 'print') && !isNull(id) && worksData && worksData.length > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="2" >
                    </a-col>
                    <a-col :span="21" >
                      <a-table :columns="worksColumns" :data-source="worksData" :bordered="false" :pagination="{hideOnSinglePage:true,}">
                        <a slot="create_time" slot-scope="text,record" @click="execViewProcess(record,'works')">{{ text }}</a>
                        <a slot="create_by" slot-scope="text,record" @click="execViewProcess(record,'works')">{{ text }}</a>
                      </a-table>
                    </a-col>
                    <a-col :span="1" >
                    </a-col>
                  </a-row>
                </div>

                <div v-show="(role == 'view' || role == 'print' ) && !isNull(id) && softwareData && softwareData.length > 0 " class="reward-apply-content-item reward-apply-content-title" style="padding-top:5px;">
                   <a-row style="border-top: 1px dash #f0f0f0;" >
                    <a-col class="reward-apply-content-title-text" :span="4" style="font-size:1.1rem;">
                      软件著作权
                    </a-col>
                   </a-row>
                </div>

                <div v-show="(role == 'view' || role == 'print') && !isNull(id) && softwareData && softwareData.length > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="2" >
                    </a-col>
                    <a-col :span="21" >
                      <a-table :columns="softwareColumns" :data-source="softwareData" :bordered="false" :pagination="{hideOnSinglePage:true,}">
                        <a slot="create_time" slot-scope="text,record" @click="execViewProcess(record,'software')">{{ text }}</a>
                        <a slot="create_by" slot-scope="text,record" @click="execViewProcess(record,'software')">{{ text }}</a>
                      </a-table>
                    </a-col>
                    <a-col :span="1" >
                    </a-col>
                  </a-row>
                </div>

                <div v-show="(role == 'view' || role == 'print' ) && !isNull(id) && recordData && recordData.length > 0 " class="reward-apply-content-item reward-apply-content-title" style="padding-top:5px;">
                   <a-row style="border-top: 1px dash #f0f0f0;" >
                    <a-col class="reward-apply-content-title-text" :span="4" style="font-size:1.1rem;">
                      网站备案
                    </a-col>
                   </a-row>
                </div>

                <div v-show="(role == 'view' || role == 'print') && !isNull(id) && recordData && recordData.length > 0" class="reward-apply-content-item" style="margin-top:5px;margin-bottom:5px; margin-right:10px;">
                  <a-row>
                    <a-col :span="2" >
                    </a-col>
                    <a-col :span="21" >
                      <a-table :columns="recordColumns" :data-source="recordData" :bordered="false" :pagination="{hideOnSinglePage:true,}">
                        <a slot="create_time" slot-scope="text,record" @click="execViewProcess(record,'record')">{{ text }}</a>
                        <a slot="create_by" slot-scope="text,record" @click="execViewProcess(record,'record')">{{ text }}</a>
                      </a-table>
                    </a-col>
                    <a-col :span="1" >
                    </a-col>
                  </a-row>
                </div>

                <div v-show="(role == 'view' || role == 'notify' ) && processLogList.length > 0 " class="reward-apply-content-item reward-apply-content-title" style="padding-top:5px;">
                   <a-row style="border-top: 1px dash #f0f0f0;" >
                    <a-col class="reward-apply-content-title-text" :span="4" style="font-size:1.1rem;">
                      处理记录
                    </a-col>
                   </a-row>
                </div>

                <div v-show="(role == 'view' || role == 'notify' ) && processLogList.length > 0 " class="reward-apply-content-item reward-apply-content-title" style="padding-top:5px;margin-left:75px;">
                  <van-cell-group style="margin-top:0px;" v-show="processLogList.length > 0">
                    <div>
                      <van-steps direction="vertical" :active="processLogList.length - 1">
                        <template v-for="value in processLogList">
                          <van-step :key="value.id">
                            <h3>{{ deNull(value.employee,'') + ' ' + deNull(value.action,'') + ' ' + deNull(value.action_opinion,'') + ' ' + value.content.replace(/null/g,'') }}</h3>
                            <p>{{ value.create_time }}</p>
                          </van-step>
                        </template>
                      </van-steps>
                    </div>
                  </van-cell-group>
                </div>

                <div v-show="role != 'view' && isNull(id) " class="reward-apply-content-item" style="margin-top:35px;margin-bottom:5px; margin-right:10px;">
                   <a-row style="border-top: 1px dash #f0f0f0;" >
                    <a-col :span="8">
                    </a-col>
                    <a-col class="reward-apply-content-title-text" :span="4" style="">
                      <a-button type="primary" style="width: 120px;color:c0c0c0;" @click="handleSave();"  >
                        保存
                      </a-button>
                    </a-col>
                    <a-col class="reward-apply-content-title-text" :span="4" style="">
                      <a-button type="primary" style="width: 120px;" @click="handleApply();"  >
                        提交
                      </a-button>
                    </a-col>
                    <a-col :span="8">
                    </a-col>
                   </a-row>
                </div>

                <div v-show="role != 'view' && role == 'edit' && !isNull(id)  " class="reward-apply-content-item" style="margin-top:35px;margin-bottom:5px; margin-right:10px;">
                   <a-row style="border-top: 1px dash #f0f0f0;" >
                    <a-col :span="8">
                    </a-col>
                    <a-col class="reward-apply-content-title-text" :span="4" style="margin-left:100px;">
                      <a-button type="primary" style="width: 120px;color:c0c0c0;" @click="handlePatch();"  >
                        修改
                      </a-button>
                    </a-col>
                    <a-col :span="8">
                    </a-col>
                   </a-row>
                </div>

                <div style="height:100px;">
                </div>
              </div>
            </div>
          </a-col>
        </keep-alive>
      </a-row>
    </div>
  </div>
</template>
<script>
import * as workconfig from '@/request/workconfig';

export default {
  mixins: [window.mixin],
  data() {
    return {
      iswechat:false,
      iswework:false,
      pageName: "公司工商信息",
      momentNewMsg: true,
      activeTabKey: 3,
      acceptType:'*/*',
      uploadURL:'https://api.yunwisdom.club:30443/gateway-xmysql/@172.18.1.45@/upload',
      tablename:'bs_company_flow_data',
      size: 0,
      stocksize:0,
      title:'设立公司申请',
      options:{
        create_time:moment(dayjs().format('YYYY-MM-DD'),'YYYY-MM-DD'),
        in_time:moment(dayjs().format('YYYY-MM-DD'),'YYYY-MM-DD'),
        establish_time:moment(dayjs().format('YYYY-MM-DD'),'YYYY-MM-DD'),
        start_time:moment(dayjs().format('YYYY-MM-DD'),'YYYY-MM-DD'),
        coop_time:moment(dayjs().format('YYYY-MM-DD'),'YYYY-MM-DD'),
        out_time:moment(dayjs().format('YYYY-MM-DD'),'YYYY-MM-DD'),
        datetime:moment(dayjs().format('YYYY-MM-DD'),'YYYY-MM-DD'),
        zoneOptions: workconfig.compcolumns.zoneOptions,
        companyList:[],
      },
      id:'',
      company: {
          baseID:0,
          create_time: dayjs().format('YYYY-MM-DD'),
          brief_info: '--', //公司简介
          companyName: '', //公司名称
          companyNameEn: '--', //英文名称
          taxpayer_id: '--', //纳税人识别号
          regist_number: '--', //工商注册号
          organ_code: '--', //组织机构代码
          examine_date: dayjs().format('YYYY-MM-DD'), //核准日期
          regist_authority: '--', //登记机关
          industry: '房地产业', //所属行业
          companyCode: [], //所属区域
          project:'', 
          registrationStatus: '存续', //登记状态
          cancellationTime: '2099-12-31', //注销时间
          licenseNumber: '', //营业执照
          businessScope: '', //经营范围
          registeredAddress: '', //注册地址
          investType:'人民币',
          registeredCapital: '', //注册资本(万)
          paidCapital: '', //实缴资本(万)
          establish_time: dayjs().format('YYYY-MM-DD'), //成立日期
          paidTime: dayjs().format('YYYY-MM-DD'), //认缴时间
          paidTureTime: dayjs().format('YYYY-MM-DD'), //实缴时间
          businessTerm: dayjs().format('YYYY-MM-DD'), //营业期限
          businessTerm_start:dayjs().format('YYYY-MM-DD'),
          businessTerm_end:dayjs().format('YYYY-MM-DD'),
          businessTerm_value:'',
          companyType: '有限责任公司', //公司类型
          reason: '--', //设立原因
          usages: '--', //使用情况
          nature: '关联公司',   //公司属性

          legalRepresentative: '', //法定代表人
          sealKeeper: '--', //印章保管人
          liaison: '--', //备案联络员
          responsiblePerson: '--', //财务负责人
          remark: '', //备注信息
          files:'',

          directorChairman: '', //董事长
          director: '--', //董事
          directorExecutive: '--', //执行董事
          manager: '', //总经理/经理
          supervisorChairman: '--', //监事会主席
          supervisor: '', //监事
      
          shareholder0: '', //股东
          ratioDetail0: 0, //占股明细
          shareholder1: '', //股东
          ratioDetail1: 0, //占股明细
          shareholder2: '', //股东
          ratioDetail2: 0, //占股明细
          shareholder3: '', //股东
          ratioDetail3: 0, //占股明细
          shareholder4: '', //股东
          ratioDetail4: 0, //占股明细
          shareholder5: '', //股东
          ratioDetail5: 0, //占股明细
          shareholder6: '', //股东
          ratioDetail6: 0, //占股明细
          shareholder7: '', //股东
          ratioDetail7: 0, //占股明细
          shareholder8: '', //股东
          ratioDetail8: 0, //占股明细
          shareholder9: '', //股东
          ratioDetail9: 0, //占股明细

          shareholder10: '', //股东
          ratioDetail10: 0, //占股明细
          shareholder11: '', //股东
          ratioDetail11: 0, //占股明细
          shareholder12: '', //股东
          ratioDetail12: 0, //占股明细
          shareholder13: '', //股东
          ratioDetail13: 0, //占股明细
          shareholder14: '', //股东
          ratioDetail14: 0, //占股明细
          shareholder15: '', //股东
          ratioDetail15: 0, //占股明细
          shareholder16: '', //股东
          ratioDetail16: 0, //占股明细
          shareholder17: '', //股东
          ratioDetail17: 0, //占股明细
          shareholder18: '', //股东
          ratioDetail18: 0, //占股明细
          shareholder19: '', //股东
          ratioDetail19: 0, //占股明细

          shareholder20: '', //股东
          ratioDetail20: 0, //占股明细
          shareholder21: '', //股东
          ratioDetail21: 0, //占股明细
          shareholder22: '', //股东
          ratioDetail22: 0, //占股明细
          shareholder23: '', //股东
          ratioDetail23: 0, //占股明细
          shareholder24: '', //股东
          ratioDetail24: 0, //占股明细
          shareholder25: '', //股东
          ratioDetail25: 0, //占股明细
          shareholder26: '', //股东
          ratioDetail26: 0, //占股明细
          shareholder27: '', //股东
          ratioDetail27: 0, //占股明细
          shareholder28: '', //股东
          ratioDetail28: 0, //占股明细
          shareholder29: '', //股东
          ratioDetail29: 0, //占股明细

          shareholder30: '', //股东
          ratioDetail30: 0, //占股明细
          shareholder31: '', //股东
          ratioDetail31: 0, //占股明细
          shareholder32: '', //股东
          ratioDetail32: 0, //占股明细
          shareholder33: '', //股东
          ratioDetail33: 0, //占股明细
          shareholder34: '', //股东
          ratioDetail34: 0, //占股明细
          shareholder35: '', //股东
          ratioDetail35: 0, //占股明细
          shareholder36: '', //股东
          ratioDetail36: 0, //占股明细
          shareholder37: '', //股东
          ratioDetail37: 0, //占股明细
          shareholder38: '', //股东
          ratioDetail38: 0, //占股明细
          shareholder39: '', //股东
          ratioDetail39: 0, //占股明细

          shareholder40: '', //股东
          ratioDetail40: 0, //占股明细
          shareholder41: '', //股东
          ratioDetail41: 0, //占股明细
          shareholder42: '', //股东
          ratioDetail42: 0, //占股明细
          shareholder43: '', //股东
          ratioDetail43: 0, //占股明细
          shareholder44: '', //股东
          ratioDetail44: 0, //占股明细
          shareholder45: '', //股东
          ratioDetail45: 0, //占股明细
          shareholder46: '', //股东
          ratioDetail46: 0, //占股明细
          shareholder47: '', //股东
          ratioDetail47: 0, //占股明细
          shareholder48: '', //股东
          ratioDetail48: 0, //占股明细
          shareholder49: '', //股东
          ratioDetail49: 0, //占股明细

          apply_realname:'',
          apply_username:'',
          fileName:'',
      },
      data: [],
      readonly: false,
      userList:[],
      firmlist:[],
      firmNamelist:[],
      release_userlist:[],
      approve_userlist:[],
      approve_executelist:[],
      processLogList:[],
      role:'',
      file:'',
      selectedSheet: null,
      sheetName: null,
      collection: [{ }],
      userinfo: '',
      usertitle:'',
      columns: workconfig.columns.reward.items,
      wfcolumns: workconfig.columns.reward.wfcolumns,
      message: workconfig.compValidation.companyapply.message,
      valid: workconfig.compValidation.companyapply.valid,
      goodsborrowtype: workconfig.goodsborrowtype,
      diplomaType: workconfig.compcolumns.diplomaTypeColumns,
      acceptType: workconfig.compcolumns.acceptType,
      commonTypeColumns: workconfig.compcolumns.commonTypeColumns,
      sealTypeColumns: workconfig.compcolumns.sealTypeColumns,
      pledgeColumns: workconfig.companySubColumns.pledgeColumns,
      pledgeData:[],
      qualificationColumns: workconfig.companySubColumns.qualificationColumns,
      qualificationData:[],
      branchColumns: workconfig.companySubColumns.branchColumns,
      branchData:[],
      alterationColumns: workconfig.companySubColumns.alterationColumns,
      alterationData:[],
      punishColumns: workconfig.companySubColumns.punishColumns,
      punishData:[],
      annalsColumns: workconfig.companySubColumns.annalsColumns,
      annalsData:[],
      subsidyColumns: workconfig.companySubColumns.subsidyColumns,
      subsidyData:[],
      licenseColumns: workconfig.companySubColumns.licenseColumns,
      licenseData:[],
      proLicenseColumns: workconfig.companySubColumns.proLicenseColumns,
      proLicenseData:[],
      otherLicenseColumns: workconfig.companySubColumns.proLicenseColumns,
      otherLicenseData:[],
      trademarkColumns: workconfig.companySubColumns.trademarkColumns,
      trademarkData:[],
      worksColumns:workconfig.companySubColumns.worksColumns,
      worksData:[],
      softwareColumns:workconfig.companySubColumns.softwareColumns,
      softwareData:[],
      recordColumns:workconfig.companySubColumns.recordColumns,
      recordData:[],
      statusList:['存续','注销','经营异常'],
      natureList:['关联公司','非关联公司'],
      investTypeList:['人民币','美元','港元','股权'],
      termTypeList:['长期','永久','正常'],
      projectTypeList:['集团总部','区域总部','成都公司','眉山公司','雅安公司','绵阳公司','南充公司','重庆公司','广元公司','凯里公司','遵义公司','贵阳公司','泸州公司','宜宾公司','峨眉公司','深圳观澜','海丰天屿','商丘公司','徐州公司','漯河公司','驻马店公司','吉林公司','承德公司','武汉公司','张家界公司','乌鲁木齐公司','库尔勒公司','广元领地城项目','龙门项目'],
      industryNatureList:['房地产','置业','企业管理','咨询公司','商业管理','商贸','实业','投资','教育管理','旅游管理','科技公司','营销策划','装饰装修','资产管理','酒店','销售公司','其他'],
      industryList:[ '房地产业' , '房地产开发' , '住宿业', '住宿和餐饮', '公共设施管理业', '农副食品加工业', '制造业' , '其他制造业', '商业管理', '商务服务业', '商贸', '建筑业', '建筑装饰、装修和其他建筑业', '批发业', '批发和零售业', '研究和试验发展', '社会经济咨询', '科技推广和应用服务业', '租赁业', '租赁和商务服务也', '货币金融服务', '金融业', '零售业', '餐饮业'],
      breadcrumb:[{icon:'home',text:'首页',path:'/stock/workspace'},{icon:'user',text:'工商管理',path:'/stock/workspace'},{icon:'form',text: '设立公司申请', path:''}],
      statusType:{'valid':'有效','invalid':'删除'},
      tradeMarkStatusMap:{'apply':'商标申请中','approve':'初审公告','wait':'等待实质审查','valid':'商标已注册','invalid':'商标无效','cancellation':'商标已作废',},
      pledgeStatusType:{'valid':'有效','invalid':'注销','expire':'到期',},
      qualificationStatusType:{'valid':'有效','invalid':'注销','expire':'到期',},
      zoneType:{'领地集团总部':'领地集团总部','成渝区域':'成渝区域','两湖区域':'两湖区域','川北区域':'川北区域','川南区域':'川南区域','中原区域':'中原区域','攀西区域':'攀西区域','新疆区域':'新疆区域','大湾区域':'大湾区域','北京区域':'北京区域'},
    };
  },
  activated() {
    this.queryInfo();
  },
  mounted() {
    this.queryInfo();
  },
  methods: {
      moment,
      isNull:Betools.tools.isNull,
      deNull:Betools.tools.deNull,
      open(url, type){ window.open(url,type); },

      // 下载附件
      downloadAnnalsFiles(record){
        const url = `https://api.yunwisdom.club:30443/gateway-xmysql/@${record.files.split('@')[1]}@/download?name=${record.files.split('###')[0]}`;
        window.open(url,'_blank');
      },

      // 获取附件路径      
      srcUrl(record){
        const url = `https://api.yunwisdom.club:30443/gateway-xmysql/@${record.files.split('@')[1]}@/download?name=${record.files.split('###')[0]}`;
        return url;
      },

      // 律所名称过滤
      filterOption(input, option) {
        return (
          option.componentOptions.children[0].text.toUpperCase().indexOf(input.toUpperCase()) >= 0
        );
      },

      // 查看详情信息
      async execViewProcess(record , view = ''){
        const pid = Betools.tools.getUrlParam('id');
        const url = `${window.location.protocol}//${window.location.host}/#//stock/${view}/${view}apply?id=${record.id}&pid=${pid}&type=1&tname=详情&apply=view&role=view`;
        window.open(url,'_blank');
      },

      // 下载附件
      async downloadFiles(record){
        vant.Toast.loading({ duration: 3000,  forbidClick: false,  message: '刷新中...', });
        const url = `https://api.yunwisdom.club:30443/gateway-xmysql/@${record.files.split('@')[1]}@/download?name=${record.files.split('###')[0]}`;
        window.open(url,'_blank');
        vant.Toast.clear();
      },

      // 执行上传操作
      uploadComplete(info) {
          if (info.file.status === 'done') {
            this.company.files = info.file.response.name + `###${info.file.name}`;
            this.$message.success(`${info.file.name} file uploaded successfully`);
          } else if (info.file.status === 'error') {
            this.$message.error(`${info.file.name} file upload failed.`);
          }
      },

      // 企业微信登录处理函数
      async  weworkLogin  (codeType = 'search', systemType = 'search', version = 'v4')  {
          /**
           URL直连模式登陆：http://stock.yunwisdom.club:30080/#/?mode=session&mobile=19999763013&account=bWVuZ3Fm
            1. mobile请替换为登录人的mobile。
            2. account请替换为登录人的account，注意account需要使用window.btoa('args')函数处理一下。
           */
          return await Betools.query.weworkLogin(codeType, systemType, version);
      },
      
      // 执行页面跳转
      async redirectView(path) {
          Betools.tools.isNull(path) ? null: this.$router.push(path);
      },
      
      // 获取基础信息
      async queryInfo() {
        try {

          try {
            this.iswechat = Betools.tools.isWechat(); //查询当前是否微信端
            this.iswework = Betools.tools.isWework(); //查询是否为企业微信
          } catch (error) {
            console.error(error);
          }

          try {
            const weworkinfo = await this.weworkLogin('search','search','v4'); //查询当前登录用户
            this.userinfo = weworkinfo.userinfo;
            this.usertitle = weworkinfo.usertitle;
            this.back = Betools.tools.getUrlParam('back') || '/stock/workspace'; //查询上一页
            this.role = Betools.tools.getUrlParam('role') || 'view'; //查询上一页
          } catch (error) {
            console.error(error);
          }

          const userinfo = await Betools.storage.getStore('system_userinfo');  //获取用户基础信息
          const id = this.id = Betools.tools.getUrlParam('id');
          
          try {
            this.company.apply_realname = this.company.create_by = userinfo.realname;
            this.company.apply_username = userinfo.username;
          } catch (error) {
            console.error(error);
          }
          
          if(!Betools.tools.isNull(id)){
            this.company = await this.handleList(this.tablename , id);
            this.breadcrumb = [{icon:'home',text:'首页',path:'/stock/workspace'},{icon:'user',text:'工商管理',path:'/stock/workspace'},{icon:'search',text:'企业工商查询',path:'/stock/company/companylist?type=1&tname=公司记录&apply=manage'},{icon:'form',text:  '公司工商信息',path:''}];
            this.title = this.role == 'edit' ? '修改公司工商信息' : '公司工商信息';

            try {
              this.company.fileName = this.company.files.split('###')[1];
            } catch (error) {
              console.error(error);
            }
            
            (async()=>{
              gwm.creation({ txt:userinfo.realname + ' ' + userinfo.username + ' ' + dayjs().format('YY-MM-DD'), width: 128, height: 80, x: 10, y: 70, fontSize: 10, color: '#ff99aa' });
            })();

            // 获取质押记录
            (async()=>{
              this.pledgeData = await Betools.manage.queryTableDataDB('bs_company_flow_pledge' , `_where=(companyName,like,~${this.company.companyName}~)~and(pledgeStatus,eq,valid)&_fields=pledgor,pledgee,pledgedNumber,investmentTime,pledgeStatus&_sort=-id&_p=0&_size=10000`);
              this.pledgeData.map(elem=>{elem.investmentTime = dayjs(elem.investmentTime).format('YYYY-MM-DD'); elem.pledgeStatus = this.pledgeStatusType[elem.pledgeStatus];});
            })();

            // 获取质押记录
            (async()=>{
              this.qualificationData = await Betools.manage.queryTableDataDB('bs_company_flow_qualification' , `_where=(companyName,like,~${this.company.companyName}~)&_fields=qualificationType,qualificationLevel,qualificationNumber,qualificationStatus,validityperiod1,validityperiod2&_sort=-id&_p=0&_size=10000`);
              this.qualificationData.map(elem=>{elem.validTime = dayjs(elem.validityperiod1).format('YYYY-MM-DD') + ' 至 ' + dayjs(elem.validityperiod2).format('YYYY-MM-DD'); elem.qualificationStatus = this.qualificationStatusType[elem.qualificationStatus]});
            })();

            // 获取质押记录
            (async()=>{
              this.branchData = await Betools.manage.queryTableDataDB('bs_company_flow_data' , `_where=(companyName,like,~${this.company.companyName}~分公司~)&_fields=company,licenseNumber,registeredAddress,legalRepresentative,registrationStatus&_sort=-id&_p=0&_size=10000`);
            })();

            // 获取变更记录
            (async()=>{
              this.alterationData = await Betools.manage.queryTableDataDB('bs_company_flow_alteration' , `_where=(companyName,like,~${this.company.companyName}~)&_fields=time,name,pre_value,value&_sort=-id&_p=0&_size=10000`);
              this.alterationData.map(elem=>{elem.time = dayjs(elem.time).format('YYYY-MM-DD'); });
            })();

            // 获取年报记录
            (async()=>{
              this.annalsData = await Betools.manage.queryTableDataDB('bs_company_flow_annals' , `_where=(company,like,~${this.company.companyName}~)&_fields=year,company,company_code,address,files&_sort=-year&_p=0&_size=10000`);
              this.annalsData.map(elem=>{elem.fileName = elem.files.split('###')[1]; });
            })();

            // 获取年报记录
            (async()=>{
              this.punishData = await Betools.manage.queryTableDataDB('bs_company_flow_punish' , `_where=(company,like,~${this.company.companyName}~)&_fields=company,punish_time,punish_name,punish_type,punish_content,punish_unit,punish_money&_sort=-id&_p=0&_size=10000`);
              this.punishData.map(elem=>{elem.punish_time = dayjs(elem.punish_time).format('YYYY-MM-DD'); });
            })();

            // 获取补贴记录
            (async()=>{
              this.subsidyData = await Betools.manage.queryTableDataDB('bs_company_flow_subsidy' , `_where=(company,like,~${this.company.companyName}~)~and(apply_username,eq,${userinfo.username})&_fields=company,subsidy_time,subsidy_name,subsidy_man,subsidy_money,remark&_sort=-id&_p=0&_size=10000`);
              this.subsidyData.map(elem=>{elem.subsidy_time = dayjs(elem.subsidy_time).format('YYYY-MM-DD'); });
            })();

            // 获取项目证照
            (async()=>{
              this.proLicenseData = await Betools.manage.queryTableDataDB('bs_company_flow_prolicense' , `_where=(company,like,~${this.company.companyName}~)&_fields=company,project,license_name,license_time,license_type,license_unit,remark&_sort=-id&_p=0&_size=10000`);
              this.proLicenseData.map(elem=>{elem.license_time = dayjs(elem.license_time).format('YYYY-MM-DD'); });
            })();

            // 获取其他证照
            (async()=>{
              this.otherLicenseData = await Betools.manage.queryTableDataDB('bs_company_flow_otherlicense' , `_where=(company,like,~${this.company.companyName}~)&_fields=company,project,license_name,license_time,license_type,license_unit,remark&_sort=-id&_p=0&_size=10000`);
              this.otherLicenseData.map(elem=>{elem.license_time = dayjs(elem.license_time).format('YYYY-MM-DD'); });
            })();

            // 获取营业执照
            (async()=>{
              this.licenseData = await Betools.manage.queryTableDataDB('bs_company_flow_license' , `_where=(company,like,~${this.company.companyName}~)&_fields=company,project,license_no,license_code,license_name,license_time,license_type,license_unit,license_address,remark&_sort=-id&_p=0&_size=10000`);
              this.licenseData.map(elem=>{elem.license_time = dayjs(elem.license_time).format('YYYY-MM-DD'); }); 
            })();

            // 获取商标数据
            (async()=>{
              this.trademarkData = await Betools.manage.queryTableDataDB('bs_company_flow_trademark' , `_where=(company,like,~${this.company.companyName}~)&_fields=company,apply_time,trademark_name,registno,trademark_type,status,regist_time,proposer,address,institution,files&_sort=-id&_p=0&_size=10000`);
              this.trademarkData.map(elem=>{elem.apply_time = dayjs(elem.apply_time).format('YYYY-MM-DD'); elem.fileName = elem.files.split('###')[1]; elem.statusName = this.tradeMarkStatusMap[elem.status]}); 
            })();

            // 获取作品著作权数据 
            (async()=>{
              this.worksData = await Betools.manage.queryTableDataDB('bs_company_flow_works' , `_where=(company,like,~${this.company.companyName}~)&_fields=company,create_time,create_by,create_username,name,worksno,workstype,workstime,recordtime,remark,license_code&_sort=-id&_p=0&_size=10000`);
              this.worksData.map(elem=>{elem.create_time = dayjs(elem.create_time).format('YYYY-MM-DD');elem.workstime = dayjs(elem.workstime).format('YYYY-MM-DD');elem.recordtime = dayjs(elem.recordtime).format('YYYY-MM-DD');}); 
            })();

            // 获取软件著作权数据 
            (async()=>{
              this.softwareData = await Betools.manage.queryTableDataDB('bs_company_flow_software' , `_where=(company,like,~${this.company.companyName}~)&_fields=company,create_time,create_by,create_username,name,software_time,software_name,software_brief,software_creator,software_no,release_time,typeID,versionID,remark,license_code&_sort=-id&_p=0&_size=10000`);
              this.softwareData.map(elem=>{elem.create_time = dayjs(elem.create_time).format('YYYY-MM-DD');elem.software_time = dayjs(elem.software_time).format('YYYY-MM-DD');}); 
            })();

            // 获取备案记录数据
            (async()=>{
              this.recordData = await Betools.manage.queryTableDataDB('bs_company_flow_record' , `_where=(company,like,~${this.company.companyName}~)&_fields=company,create_time,create_by,create_username,name,website,domain,recordNo,securityNo,audittime,remark,license_code&_sort=-id&_p=0&_size=10000`);
              this.recordData.map(elem=>{elem.create_time = dayjs(elem.create_time).format('YYYY-MM-DD');elem.audittime = dayjs(elem.audittime).format('YYYY-MM-DD');}); 
            })();

            (async()=>{
              Betools.manage.handleLog(this.tablename , this.company , '查看', '执行了查看公司工商信息操作' , `${userinfo.realname} 查看公司工商信息，公司名称：${this.company.companyName}`);
              this.processLogList = await Betools.query.queryProcessLog();
            })();
          } 

        } catch (error) {
          console.log(error);
        }
      },

      // 查询不同状态的律所数据
      async handleList(tableName , id){
        
        let element = await Betools.query.queryTableDataDB(tableName , id);

        try {
          element.paidTime = Betools.tools.isNull(element.paidTime) ? '' : dayjs(element.paidTime).format('YYYY-MM-DD');
          element.paidTureTime = Betools.tools.isNull(element.paidTureTime) ? '' : dayjs(element.paidTureTime).format('YYYY-MM-DD');
          
          element.companyCode = Betools.tools.isNull(element.companyCode) ? '' : element.companyCode.includes('/') ? element.companyCode.split('/'):element.companyCode.split(',');
          element.liaison = Betools.tools.isNull(element.liaison) ? '--' : element.liaison;
          element.sealKeeper = Betools.tools.isNull(element.sealKeeper) ? '--' : element.sealKeeper;
          element.responsiblePerson = Betools.tools.isNull(element.responsiblePerson) ? '--' : element.responsiblePerson;

          element.establish_time = Betools.tools.isNull(element.establish_time) ? '' : dayjs(element.establish_time).format('YYYY-MM-DD');
          element.businessTerm_start = Betools.tools.isNull(element.businessTerm_start) ? element.establish_time : dayjs(element.businessTerm_start).format('YYYY-MM-DD');
          element.businessTerm_end = Betools.tools.isNull(element.businessTerm_end) ? '2099-12-31' : dayjs(element.businessTerm_end).format('YYYY-MM-DD');

          element.reason = Betools.tools.isNull(element.reason) ? '--' : element.reason;
          element.usages = Betools.tools.isNull(element.usages) ? '--' : element.usages;
        } catch (error) {
          console.error(error);
        }
        
        try {
          element.registeredCapital = Betools.tools.isNull(element.registeredCapital) ? '0.00' : parseFloat(element.registeredCapital).toFixed(4);
          element.paidCapital = Betools.tools.isNull(element.paidCapital) ? '0.00' : parseFloat(element.paidCapital).toFixed(4);
        } catch (error) {
          console.error(error);
        }

        return Betools.tools.isNull(element) ? {}: element;
      },

      // 验证字段
      validField(fieldName){
        return Betools.tools.isNull(this.company[fieldName]);
      },

      // 验证字段信息
      validFieldToast(fieldName){
        return true;
      },

      // 修改公司工商信息
      async execPatch(elem){
          const { $router } = this;
          vant.Toast.loading({ duration: 1000,  forbidClick: false,  message: '刷新中...', });
          this.role = 'edit', this.title = '修改公司工商信息';
          $router.push(`/stock/company/companyapply?id=${elem.id}&type=1&tname=修改&apply=edit&role=edit`);
          await Betools.tools.sleep(1000);
          vant.Toast.clear();
      },

      // 打印公司工商信息
      async execPrint(elem){
          const { $router } = this;
          vant.Toast.loading({ duration: 1000,  forbidClick: false,  message: '刷新中...', });
          this.role = 'print', this.title = '公司工商信息';
          $router.push(`/stock/company/companyview?id=${elem.id}&type=1&tname=打印&apply=print&role=print`);
          await Betools.tools.sleep(1000);
          vant.Toast.clear();
      },
      
      // 用户提交入职登记表函数
      async handleApply() {
        await this.handleSave(); //先执行保存操作，保存完毕后执行流程跳转功能
      },

      // 保存用户数据但是不提交
      async handleSave(){
        
        this.loading = true; // 显示加载状态
        const userinfo = await Betools.storage.getStore('system_userinfo'); // 获取用户基础信息
        const id = Betools.tools.queryUniqueID(); // 表单ID
        
        try {
          this.company.create_time = dayjs().format('YYYY-MM-DD');
          this.company.create_by = (userinfo ? userinfo.realname || userinfo.name || userinfo.lastname : '');
          this.company.company = this.company.companyName;

          this.company.paidTime = Betools.tools.isNull(this.company.paidTime) ? null : dayjs(this.company.paidTime).format('YYYY-MM-DD') + ' 12:00:00';
          this.company.paidTureTime = Betools.tools.isNull(this.company.paidTureTime) ? null : dayjs(this.company.paidTureTime).format('YYYY-MM-DD') + ' 12:00:00';
          this.company.establish_time = Betools.tools.isNull(this.company.establish_time) ? null : dayjs(this.company.establish_time).format('YYYY-MM-DD') + ' 12:00:00';
          this.company.businessTerm_start = Betools.tools.isNull(this.company.businessTerm_start) ? this.company.establish_time : dayjs(this.company.businessTerm_start).format('YYYY-MM-DD') + ' 12:00:00';
          this.company.businessTerm_end = Betools.tools.isNull(this.company.businessTerm_end) ? null : dayjs(this.company.businessTerm_end).format('YYYY-MM-DD') + ' 12:00:00';
        } catch (error) {
          console.error(error);
        }

        const tipsession = { companyName: '请输入公司名称！', industryNature:'请选择公司性质！',  industry: '请选择公司所属行业！', companyCode:'请输入公司所属区域！',  project: '请输入公司所属项目！', licenseNumber:'请输入公司的营业执照编号！', registeredAddress:'请输入公司的注册地址！', registeredCapital:'请输入公司的注册资本！', companyType:'请选择公司类型！', establish_time:'请输入公司的成立时间！', businessScope:'请输入公司的经营范围！', legalRepresentative:'请输入公司的法定代表人！' , directorChairman:'请输入公司的董事长！', manager:'请输入公司的总经理/经理！', };
        const keys = Object.keys(tipsession); // 验证数据是否已经填写

        const invalidKey =  keys.find(key => {
          const flag = this.validField(key); // const returnValue = flag ? key : '';
          return flag;
        });

        if(!Betools.tools.isNull(invalidKey)){
            return await vant.Dialog.alert({  title: '温馨提示',  message: `您好，${tipsession[invalidKey]}`, });
        }

        if(!/^(([1-9][0-9]*)|(([0]\.\d{0,4}|[1-9][0-9]*\.\d{0,4})))$/.test(this.company.registeredCapital)){ //校验注册资本是否为数字
            return await vant.Dialog.alert({  title: '温馨提示',  message: `您好，注册资本需要为数字，且保留两至四位小数！`, });
        }
        
        if(!/^(([1-9][0-9]*)|(([0]\.\d{0,4}|[1-9][0-9]*\.\d{0,4})))$/.test(this.company.paidCapital)){ //校验实缴资本是否为数字
            return await vant.Dialog.alert({  title: '温馨提示',  message: `您好，实缴资本需要为数字，且保留两至四位小数！`, });
        }

        if(this.company && ((this.company.shareholder1 && this.company.shareholder1.length > 100) || (this.company.shareholder2 && this.company.shareholder2.length > 100) || ( this.company.shareholder3 && this.company.shareholder3.length > 100) || ( this.company.shareholder4 && this.company.shareholder4.length > 100) || ( this.company.shareholder5 && this.company.shareholder5.length > 100) || ( this.company.shareholder6 && this.company.shareholder6.length > 100) || ( this.company.shareholder7 && this.company.shareholder7.length > 100) || ( this.company.shareholder8 && this.company.shareholder8.length > 100) || ( this.company.shareholder9 && this.company.shareholder9.length > 100) )){
            return await vant.Dialog.alert({  title: '温馨提示',  message: `您好，您输入的股东名称过长！`, });
        }

        // 是否确认提交此自由流程?
        this.$confirm({
            title: "确认操作",
            content: "是否确认提交此设立公司申请单?",
            onOk: async() => {
                  const company = JSON.parse(JSON.stringify(this.company));

                  company.id = id;
                  company.munit = 'CNY';

                  try {
                    company.company = company.companyName;
                    company.industryName = company.industry;
                  } catch (error) {
                    console.error(error);
                  }

                  try {
                    company.companyCode = company.companyCode.toString();
                  } catch (error) {
                    console.error(error);
                  }

                  const result = await Betools.manage.postTableData(this.tablename , company); // 向表单提交form对象数据
                  if(result && result.error && result.error.errno){ //提交数据如果出现错误，请提示错误信息
                      return await vant.Dialog.alert({  title: '温馨提示',  message: `系统错误，请联系管理人员，错误编码：[${result.error.code}]. `, });
                  }

                  this.loading = false; //设置状态
                  this.readonly = true;
                  this.role = 'view';

                  (async()=>{
                    Betools.manage.sortTableData(this.tablename , 'serialid');
                    Betools.manage.handleLog(this.tablename , company , '发起', '设立公司申请(录入公司工商信息)' , `${userinfo.realname} 发起设立公司申请流程，公司名称：${company.companyName}`);
                  })();

                  this.handleList(this.tablename , id);
                  Betools.manage.syncMainDataCompanyInfo(id);
                  return vant.Dialog.alert({  title: '温馨提示',  message: `设立公司申请提交成功！`, }); //this.$toast.success('律师录入申请成功！');
               }
          });
      },

      // 修改用户数据但是不提交
      async handlePatch(){
        
        this.loading = true; // 显示加载状态
        const userinfo = await Betools.storage.getStore('system_userinfo'); // 获取用户基础信息
        const id = Betools.tools.getUrlParam('id'); // 表单ID

        try {
          this.company.paidTime = Betools.tools.isNull(this.company.paidTime) ? null : dayjs(this.company.paidTime).format('YYYY-MM-DD') + ' 12:00:00';
          this.company.paidTureTime = Betools.tools.isNull(this.company.paidTureTime) ? null : dayjs(this.company.paidTureTime).format('YYYY-MM-DD') + ' 12:00:00';
          this.company.establish_time = Betools.tools.isNull(this.company.establish_time) ? null : dayjs(this.company.establish_time).format('YYYY-MM-DD') + ' 12:00:00';
          this.company.businessTerm_start = Betools.tools.isNull(this.company.businessTerm_start) ? this.company.establish_time : dayjs(this.company.businessTerm_start).format('YYYY-MM-DD') + ' 12:00:00';
          this.company.businessTerm_end = Betools.tools.isNull(this.company.businessTerm_end) ? null : dayjs(this.company.businessTerm_end).format('YYYY-MM-DD') + ' 12:00:00';
        } catch (error) {
          console.error(error);
        }

        const tipsession = { companyName: '请输入公司名称！', industryNature:'请选择公司性质！',  industry: '请选择公司所属行业！', companyCode:'请输入公司所属区域！',  project: '请输入公司所属项目！', licenseNumber:'请输入公司的营业执照编号！', registeredAddress:'请输入公司的注册地址！', registeredCapital:'请输入公司的注册资本！', companyType:'请选择公司类型！', establish_time:'请输入公司的成立时间！', businessScope:'请输入公司的经营范围！', legalRepresentative:'请输入公司的法定代表人！' , directorChairman:'请输入公司的董事长！', manager:'请输入公司的总经理/经理！', };
        const keys = Object.keys(tipsession); // 验证数据是否已经填写

        const invalidKey =  keys.find(key => {
          const flag = this.validField(key); // const returnValue = flag ? key : '';
          return flag;
        });

        if(!Betools.tools.isNull(invalidKey)){
            return await vant.Dialog.alert({  title: '温馨提示',  message: `您好，${tipsession[invalidKey]}`, });
        }

        if(!/^(([1-9][0-9]*)|(([0]\.\d{0,4}|[1-9][0-9]*\.\d{0,4})))$/.test(this.company.registeredCapital)){ //校验注册资本是否为数字
            return await vant.Dialog.alert({  title: '温馨提示',  message: `您好，注册资本需要为数字，且保留两至四位小数！`, });
        }
        
        if(!/^(([1-9][0-9]*)|(([0]\.\d{0,4}|[1-9][0-9]*\.\d{0,4})))$/.test(this.company.paidCapital)){ //校验实缴资本是否为数字
            return await vant.Dialog.alert({  title: '温馨提示',  message: `您好，实缴资本需要为数字，且保留两至四位小数！`, });
        }

        if(this.company && ((this.company.shareholder1 && this.company.shareholder1.length > 100) || (this.company.shareholder2 && this.company.shareholder2.length > 100) || ( this.company.shareholder3 && this.company.shareholder3.length > 100) || ( this.company.shareholder4 && this.company.shareholder4.length > 100) || ( this.company.shareholder5 && this.company.shareholder5.length > 100) || ( this.company.shareholder6 && this.company.shareholder6.length > 100) || ( this.company.shareholder7 && this.company.shareholder7.length > 100) || ( this.company.shareholder8 && this.company.shareholder8.length > 100) || ( this.company.shareholder9 && this.company.shareholder9.length > 100) )){
            return await vant.Dialog.alert({  title: '温馨提示',  message: `您好，您输入的股东名称过长！`, });
        }

        //是否确认提交此自由流程?
        this.$confirm({
            title: "确认操作",
            content: "是否确认修改此公司工商信息?",
            onOk: async() => {
                  let company = null;

                  try {
                    company = JSON.parse(JSON.stringify(this.company));
                  } catch (error) {
                    company = this.company;
                  }

                  try {
                    company.id = id;
                    company.munit = 'CNY';
                    delete company.fileName;
                  } catch (error) {
                    console.error(error);
                  }

                  try {
                    company.company = company.companyName;
                    company.industryName = company.industry;
                  } catch (error) {
                    console.error(error);
                  }

                  try {
                    company.companyCode = company.companyCode.toString();
                  } catch (error) {
                    console.error(error);
                  }

                  await Betools.manage.patchTableData(this.tablename, id, company);
                  const result = await Betools.manage.patchTableData(this.tablename, id, company); // 向表单提交form对象数据
                  
                  if(result && result.error && result.error.errno){ //提交数据如果出现错误，请提示错误信息
                      return await vant.Dialog.alert({  title: '温馨提示',  message: `系统错误，请联系管理人员，错误编码：[${result.error.code}]. `, });
                  }

                  this.loading = false;
                  this.readonly = true;
                  this.role = 'view';

                  (async()=>{
                    Betools.manage.sortTableData(this.tablename , 'serialid');
                    Betools.manage.handleLog(this.tablename , company , '修改', '执行了修改公司工商信息操作' , `${userinfo.realname} 修改公司工商信息申请，公司名称：${company.companyName}`);
                  })();

                  this.handleList(this.tablename , id);
                  Betools.manage.syncMainDataCompanyInfo(id);
                  return vant.Dialog.alert({  title: '温馨提示',  message: `修改操作成功！`, }); //this.$toast.success('律师修改操作成功！');
               }
          });
      },

  },
};
</script>
<style scoped >
    @import "../../../assets/css/reward.home.css";
    @import "../../../assets/css/reward.apply.css";
</style>
